<template>
    <div class="tabel-box">
        <router-view></router-view>
        <van-tabbar route v-model="active" active-color="black" inactive-color="#999999">
            <van-tabbar-item to="/home" icon="home-o">首页</van-tabbar-item>
            <van-tabbar-item to="/category" icon="shop-collect-o">商品分类</van-tabbar-item>
            <van-tabbar-item to="/bags" icon="bag-o">购物袋</van-tabbar-item>
            <van-tabbar-item to="/mine" icon="user-o">我的账户</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script lang="ts" setup>

</script>

<style lang="less" scoped>
@import "../../style/common.less";
.tabel-box{
    height:calc(100% - 50px);
    // overflow: auto;
}
</style>
